<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>学子页面</title>
  <style>
    /*公共css*/
    /*1fcss*/
    /*1f左侧css*/
    /*1f右侧css*/
  </style>
</head>
<body>
<div class="center">
  <div class="f1">
    <div class="left">
      <div class="text">
        <p class="p_title">灵越 燃7000系列</p>
        <p class="p_intro">
          酷睿双核i5处理器|16G内存 <br>
          英特尔HD显卡620含共享显卡内存
        </p>
        <p class="p_price">1234</p>
        <a href="#">查看详情</a>
      </div>
      <img src="img/computer1.png" alt="">
    </div>
    <div class="right">
      <div class="text">
        <p class="p_title">颜值</p>
        <p class="p_intro">
          酷睿双核i5处理器|16G内存 <br>
          英特尔HD显卡620含共享显卡内存
        </p>
        <p class="p_price">6888</p>
        <a href="#">查看详情</a>
      </div>
      <img src="img/computer2.png" alt="">
    </div>
    </div>
  </div>
  <div class="f2">
    <div class="left">
      <div class="tit">
        <img src="img/icon.png" alt>
        <span>电脑，办公</span>
      </div>
      <div class="item_all">
        <p>电脑整机</p>
        <ul>
          <li><a href="#">笔记本</a></li>
          <li><a href="#">游戏机</a></li>
          <li><a href="#">台式机</a></li>
          <li><a href="#">一体机</a></li>
          <li><a href="#">服务器</a></li>
          <li><a href="#">联想</a></li>
        </ul>
        <p>电脑配件</p>
      </div>
  </div>
</div>
</body>
</html>